import { observer } from "mobx-react-lite"
import { Path, SvgProps } from "react-native-svg"
import { useGlobalStore } from "../../mobx"
import { getColorStr } from "../../themes"
import { SvgCommon } from "./Common"

export const SvgAccount = observer((props: SvgProps) => {
    const { theme } = useGlobalStore()
    return (
        <SvgCommon {...props}>
            <Path d="M8.00693 7.75341C7.90693 7.75341 7.80693 7.75341 7.70693 7.75341C7.60693 7.75341 7.45693 7.75341 7.35693 7.75341C7.45693 7.75341 7.55693 7.75341 7.70693 7.75341C7.80693 7.70341 7.90693 7.70341 8.00693 7.75341Z" fill={getColorStr(theme, 'color_38')}/>
            <Path d="M12.8069 9.75342C12.1569 9.05342 11.3569 8.50342 10.5069 8.20342C11.4069 7.40342 11.9569 6.30342 11.9569 5.00342C11.9569 2.65342 10.0569 0.753418 7.70693 0.753418C5.35693 0.753418 3.45693 2.65342 3.45693 5.00342C3.45693 6.25342 4.00693 7.40342 4.90693 8.15342C3.90693 8.50342 3.00693 9.10342 2.30693 9.90342C-0.143068 12.6534 0.306932 16.0034 0.356932 16.2034C0.406932 16.6034 0.756932 16.9034 1.10693 16.9034C1.15693 16.9034 1.15693 16.9034 1.20693 16.9034C1.65693 16.8534 1.95693 16.4534 1.90693 16.0534C1.90693 16.0034 1.50693 13.2034 3.50693 10.9534C4.50693 9.85342 5.90693 9.30342 7.75693 9.30342C9.40693 9.30342 10.7569 9.80342 11.7069 10.8534C13.8069 13.1034 13.5569 16.0534 13.5569 16.0534C13.5069 16.5034 13.8569 16.8534 14.2569 16.9034C14.7069 16.9034 15.0569 16.6034 15.1069 16.1534C15.0569 15.9534 15.3569 12.5034 12.8069 9.75342ZM7.65693 2.25342C9.15693 2.25342 10.4069 3.50342 10.4069 5.00342C10.4069 6.40342 9.35693 7.55342 7.95693 7.75342C7.85693 7.75342 7.75693 7.75342 7.65693 7.75342C7.55693 7.75342 7.40693 7.75342 7.30693 7.75342C5.95693 7.60342 4.90693 6.40342 4.90693 5.00342C4.90693 3.50342 6.15693 2.25342 7.65693 2.25342Z" fill={getColorStr(theme, 'color_38')}/>
            <Path d="M18.957 16.7534H16.307C15.907 16.7534 15.557 16.4034 15.557 16.0034C15.557 15.6034 15.907 15.2534 16.307 15.2534H18.207V2.90341H12.957C12.557 2.90341 12.207 2.55341 12.207 2.15341C12.207 1.75341 12.557 1.40341 12.957 1.40341H18.957C19.357 1.40341 19.707 1.75341 19.707 2.15341V16.0534C19.707 16.4534 19.407 16.7534 18.957 16.7534Z" fill={getColorStr(theme, 'color_38')}/>
            <Path d="M17.1567 6.50342H13.4067C13.0067 6.50342 12.6567 6.15342 12.6567 5.75342C12.6567 5.35342 13.0067 5.00342 13.4067 5.00342H17.1567C17.5567 5.00342 17.9067 5.35342 17.9067 5.75342C17.9067 6.15342 17.5567 6.50342 17.1567 6.50342Z" fill={getColorStr(theme, 'color_1')}/>
            <Path d="M17.0567 10.1034H14.4067C14.0067 10.1034 13.6567 9.75342 13.6567 9.35342C13.6567 8.95342 14.0067 8.60342 14.4067 8.60342H17.0567C17.4567 8.60342 17.8067 8.95342 17.8067 9.35342C17.8067 9.75342 17.4567 10.1034 17.0567 10.1034Z" fill={getColorStr(theme, 'color_1')}/>
        </SvgCommon>
    )
})
